<!--    <!doctype html>-->
<!--    <html lang="en">-->
<!--    <head>-->
<!--        <meta charset="UTF-8">-->
<!--        <title>MyPetStore</title>-->
<!--        <link rel="StyleSheet" href="css/mypetstore.css" type="text/css" media="screen"/>-->
<!--    </head>-->
<!--    <body>-->
<!--    <div id="Content">-->
<!--        <h2>Welcome to JPetStore 6</h2>-->

<!--        <p><a href="mainForm">Enter the Store</a></p>-->

<!--        <p><sub>Copyright Central South University </sub></p>-->

<!--    </div>-->
<!--    </body>-->
<!--    </html>-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Weclcome!</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="css/mystore.css">
</head>
<style>
    .showcase{
        margin-top: 50px;
        font-size: 20px;
    }
</style>
<body>
<div class="container">
    <header class="showcase">
        <h2>Welcome to My Petstore!</h2>
        <p>
            Pet Paradise is your best choice for online pet and pet supplies shopping!

        </p>
        <a href="mainForm" class="btn">
            Enter Store <i class="fa-solid fa-chevron-right"></i>
        </a>
    </header>
    <!-- footer -->
    <footer class="footer">
        <div class="footer-inner">
            <div><i class="fa-solid fa-globe"></i><span>English (US)</span></div>
            <ul>
                <li><a href="#">Center South University</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">Privacy & cookies</a></li>
                <li><a href="#">&copy; Csu 2024</a></li>
            </ul>
        </div>
    </footer>
</div>
</body>
</html>